<template>
    <div class="aboutmy" >
        <!-- 头部 star  -->
        <div class="header">
        <div class="header_left" >
            <router-link tag="a" to="/my"
            ><img
                :src="require('../assets/img/bar_icon_back_black.png')"
                alt=""
            /></router-link>
        </div>
        <div class="header_center">关于我们</div>
        <div class="header_right"></div>
        </div>
        <!-- 头部 end   -->
        <div class="title">
            <div class="img">
                <img :src="require('../assets/img/ic_launcher.png')" alt="">
            </div>
            <h2>寓言故事大全</h2>
        </div>
        <p class="introduce">寓言故事大全软件专注于通过故事来提升孩子的认知，树立正确世界观并拓展孩子思维想象力，培养孩子前期的学习能力与创造力。通过与出版社、儿童文学作家、第三方有声制作的合作，为0-10岁孩子与家长提供一站式内容 服务平台。</p>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.aboutmy {
      height: 100%;
      background-color: #f4f4f4;
      .header {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        padding: 0 16px;
        position: sticky;
        left: 0;
        top: 0;
        z-index: 1;
      }
      .header_left img {
        height: 20px;
        display: block;
      }
      .header_center {
        font-size: 18px;
        font-weight: 500;
      }
      .header_right {
        width: 20px;
      }
      .title{
        padding: 60px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        .img{
            img{
                display: block;
                width: 100px;
            }
        }
        h2{
            color: #4b4b4b;
        }
      }
      .introduce{
        padding: 18px;
        color: #999;
      }
    }
</style>